<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<title>Stock Ranking</title>
	<link href="style.css" type="text/css" rel="stylesheet" />
</h:head>
<h:body>
	<div align="right">
		<h:panelGrid columns="1" styleClass="header-panelGrid" columnClasses="header-panelGridColumn">
			<h:outputText value="Sistema Informático de Análisis Bursátil" styleClass="header-application-name"/>
			<br/>
			<h:panelGroup>
				<h:outputText value="Logueado exitosamente como '#{cotizacionBean.userLoggedname}' " 
					style="font-size: 12px;"/>
				<h:link value="[Logout]" outcome="login"  style="color:#050552; font-size: 12px;" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<h:form>
		<p:menubar styleClass="menubar">
			<p:menuitem value="Importar cotizaciones" action="cotizacion" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
			<p:menuitem value="Importar balances" action="balance" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
			<p:menuitem value="Analisis de datos" action="analisis" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
		</p:menubar>
	</h:form>
	<h:panelGrid columns="1" cellpadding="5" style="width:800px; margin-left:30px; margin-top:20px">
 		<h:panelGrid columns="2">
 			<h:graphicImage library="images" value="/pages/images/analisis.png"/>
 			<h:outputText value="Análisis de datos - Resultados" styleClass="body-subTitle" />
 		</h:panelGrid>
		<h:form>
			<h:panelGrid cellpadding="5">
		    	<h:outputText value="Resultados sumarizados" styleClass="body-subTitle2"/>
		    	<p:panel style="width:320px">
					<h:panelGrid columns="1" cellpadding="5">
						<h:panelGroup>
							<h:outputLabel id="lblFechaInicio" for="txtFechaInicio" value="Fecha inicio: " styleClass="label"/>
							<h:outputText id="txtFechaInicio" value="#{analisisResultadosBean.results.resultadoSumarizado.fechaInicio}" label="lblFechaInicio" styleClass="label">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</h:panelGroup>
						<h:panelGroup>	
							<h:outputLabel id="lblFechaFin" for="txtFechaFin" value="Fecha fin: " styleClass="label"/>
							<h:outputText id="txtFechaFin" value="#{analisisResultadosBean.results.resultadoSumarizado.fechaFin}" label="lblFechaFin" styleClass="label">
								<f:convertDateTime pattern="dd/MM/yyyy" />
							</h:outputText>
						</h:panelGroup>
						<h:panelGroup>	
							<h:outputLabel id="lblRendimientoPromAnual" for="txtRendimientoPromAnual" value="Rendimiento promedio anualizado: " styleClass="label"/> 
							<h:outputText id="txtRendimientoPromAnual" value="#{analisisResultadosBean.results.resultadoSumarizado.rendimientoPromedioAnualizado}" label="lblRendimientoPromAnual" styleClass="label"/>
						</h:panelGroup>	
						<h:panelGroup>	
							<h:outputLabel id="lblRendimientoPromMerval" for="txtRendimientoPromMerval" value="Rendimiento promedio MERVAL: " styleClass="label"/>
							<h:outputText id="txtRendimientoPromMerval" value="#{analisisResultadosBean.results.resultadoSumarizado.rendimientoPromedioMerval}" label="lblRendimientoPromMerval" styleClass="label"/>
						</h:panelGroup>	
					</h:panelGrid>
				</p:panel>
				<h:outputText value="Resultado detallado:" styleClass="body-subTitle2"/>	
				<h:panelGrid columns="4" cellpadding="5">
	  				<c:forEach var="itemDetalle" items="#{analisisResultadosBean.results.resultadoDetallado.resultadoPeriodoList}">
					     <p:panel header="Período #{itemDetalle.trimestre} (#{itemDetalle.fechaInicioFormateada} hasta #{itemDetalle.fechaFinFormateada})">
					     	 <h:panelGrid columns="1" cellpadding="5">
					     	 	<h:panelGroup>	
								     <h:outputLabel id="lblRendimientoProm" for="txtRendimientoProm" value="Rendimiento promedio: " styleClass="label"/>
									 <h:outputText id="txtRendimientoProm" value="#{itemDetalle.rendimientoPromedio}" label="lblRendimientoProm" styleClass="label"/>
								</h:panelGroup>
								<p:dataTable id="tblResultadoRanking" var="row" value="#{itemDetalle.resultadoRankingList}" emptyMessage="" >
									<p:column headerText="Empresa" style = "font-size: 12px; font-family: Tahoma; color:#000000">
										<h:outputText value="#{row.empresa}" styleClass="column-text"/>
									</p:column>
									<p:column headerText="Rendimiento" style = "font-size: 12px; font-family: Tahoma; color:#000000">
										<h:outputText value="#{row.rendimiento}" styleClass="column-text"/>
									</p:column>
									<p:column headerText="Puntaje" style = "font-size: 12px; font-family: Tahoma; color:#000000">
										<h:outputText value="#{row.puntaje}" styleClass="column-text"/>
									</p:column>
								</p:dataTable>
							</h:panelGrid>
						 </p:panel>
				  	</c:forEach>
				</h:panelGrid>
			</h:panelGrid>
		</h:form>
	</h:panelGrid>
</h:body>
</html>